@charset "UTF-8";
@import "../../base/_common";

//车名区块
.base-info-cont-name{

	padding:14px 0 14px 32px;
	line-height:150%;
	position:relative;

	h1{
		font-size:22px;
		color:$color-txt-2;
		font-weight:100;
		line-height:150%;
		padding-bottom:4px;
	}

	.car-ad{
		padding: 5px 0 5px 0;
		color:$color-main;
	}

}

//价格区块
.naked-car-price{
	border-top:1px solid $color-border-2;
	border-bottom:1px solid $color-border-2;
	background: url(#{$imgurl-base}/detail/bg-naked-car-price.jpg) no-repeat;
	background-size:100% 100%;
	padding: 19px 0px 14px 32px;
	font-size:14px;

	.summary-price{

		position:relative;
		color:$color-txt-3;
		font-size:0px;

		.summary-price-name{
			font-size:14px;
			display: inline-block;
			vertical-align: middle;
		}

		strong{

			.yen{
				font-size:14px;
				padding-right: 2px;
				font-weight:bold;
				display: inline-block;
    			vertical-align: bottom;
    			line-height: 130%;
			}

			span{
				display: inline-block;
    			vertical-align: bottom;
			}

			font-size:24px;
			color:$color-main;
			padding:0 15px 0 7px;
			font-weight:100;
			display: inline-block;
			vertical-align: middle;
    		line-height: 100%;
    		height: 29px;
		}

		.zd-price,.zd-add-price{
			display: inline-block;
    		vertical-align: middle;
    		font-size:14px;
    		margin-right:30px;
    		span{
    			padding-left:5px;
    		}
		}

		.zd-price{
			text-decoration: line-through;
			margin-right:30px;
		}

		.zd-add-price{
			span{
				color:$color-main;
			}
		}

		a{
			color:$color-main;
			text-decoration: underline;
			font-size:14px;

			&:hover{
				color: $color-txt-7;
			}
		}

		.time-info{
			background: $color-bg-7;
			padding: 0px 5px;
			border-radius: 3px;
			color:$color-txt-2;
			display: inline-block;
    		vertical-align: middle;
    		font-size:14px;
		}

		.icon-jsq{
			display:inline-block;
			position:absolute;
			right: 15px;
    		top: 6px;
			@include iconItem($iconsDetail,"icon-jsq-2.0",$extend:detailMaps);
		}
	}
}


/*	价格曲线	-贺鑫伟	*/

.price-trend-box{

	position:relative;
	display:inline-block;
	zoom:1;
	*display:inline;
	vertical-align: middle;
	color: $color-txt-1;
	font-size: 12px;
	font-style: normal;
	margin-left: -5px;
	margin-top:-3px;
	margin-right: 15px;

	.price-trend {
		display: inline-block;
		color:$color-main;
		font-size: 12px;
		font-style: normal;
		position: relative;
		text-decoration: none;
		.price-info {
			display: inline-block;
			padding-right: 12px;
			background-image: url(#{$imgurl-base}/detail/price-trend-2.0.png);
			background-repeat: no-repeat;
			background-position: right;
		}

	}
	.price-tips:before,.price-tips:after{
	    content:"";display:block;
	    border-width: 0 5px 9px;
	    position:absolute;
	    top:-9px;
	    left:6px;
	    border-style:dashed dashed solid;
	    border-color:transparent transparent $color-border-1;
	    font-size:0;
	    line-height:0;
	}
	.price-tips:after{
	    top:-7px;
	    border-color:transparent transparent #fff;
	}

	.price-tips {
		display: inline-block;
		position: absolute;
		padding-left: 7px;
		width: 118px;
		line-height: 20px;
		top: 26px;
		left: -4px;
		border: 1px solid $color-border-1;
		border-radius: 1px;
		background-color:#fff;
		.price-tips-close {
			display: inline-block;
			width: 10px;
			height: 10px;
			margin-left: 6px;
			background-image: url(#{$imgurl-base}/detail/price-tips-close-2.0.png);
			background-repeat: no-repeat;
		}
	}
}

.base-info-cont-lab{
	border-bottom:1px solid $color-border-2;
	li{
		float:left;
		width:33%;
		text-align:center;
		height:36px;
		line-height:36px;

		strong{
			color: $color-txt-2;
			font-weight:100;
		}
	}
}

.chart-container {
	z-index: 60;
	position: absolute;
	top: 34px;
	right: -411px;
}
.chart-container:before,.chart-container:after{
    content:"";display:block;
    border-width:18px;
    position:absolute;
    top:-36px;
    left:254px;
    border-style:dashed dashed solid;
    border-color:transparent transparent #cccccc;
    font-size:0;
    line-height:0;
}
.chart-container:after{
    top:-33px;
    border-color:transparent transparent #fff;
}

.base-info-car-color{
	padding:12px 0px 12px 32px;
	font-size:14px;

	dt,dd{
		text-align:left;
		float:left;
		display:inline;
		height:45px;
		line-height:45px;
	}

	dt{
		width:70px;
	}
	dd{
		width:620px;
	}
}

.color-list{
	display: inline-block;
	zoom:1;
	*display:inline;
    	vertical-align: middle;

	li{
		width:20px;
		height:20px;
		float:left;
		display:inline;
		border:2px dotted $color-border-1;
		padding:1px;
		background-color:#fff;
		overflow:hidden;
		margin-right:8px;
		cursor: not-allowed;

		img{
			width:20px;
			height:20px;
			display:block;
		}
	}

	li.has-amount{
		border:2px solid $color-border-1;
		cursor:pointer;
	}

	li.cur,li.has-amount:hover{
		border:2px solid $color-main;
	}
}

.cur-color{
	display: inline-block;
	zoom:1;
	*display:inline;
    	vertical-align: middle;
    	color:$color-txt-1;
}